<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>新车详情</title>
    <script src="../lib/flexible/flexible.css.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/flexible/flexible.js" type="text/javascript" charset="utf-8"></script>

    <link rel="stylesheet" type="text/css" href="../lib/weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/res.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>

    <script src="../lib/fastclick.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='../js/swiper.js' charset='utf-8'></script>
    <style>
        .weui-navbar__item.weui-bar__item--on {
            border-radius: 30px;
            background-color: #FFFFFF;
            color: #FC444C;
        }

        .weui-navbar__item {
            padding: 0;
            color: #FFFFFF;
        }
    </style>
</head>

<body ontouchstart>
<div class="weui-tab">
    <!--底部导航栏-->
    <div class="weui-tabbar" style="postion:fixed;left:0;bottom:0;z-index:1000;">
        <div class="weui-flex__item weui-cell f-rem-32 br-1-c6">
            <div class="weui-cell__hd">
                <img class="icon-1" src="images/New-details-phone@2x.png">
            </div>
            <div class="weui-cell__bd">
                18873737373
            </div>
        </div>

        <div class="weui-flex__item weui-cell bg-red f-rem-36">
            <div class="weui-cell__bd c-ff ta-c">
                点击咨询
            </div>
        </div>
    </div>
    <!--底部导航栏 end-->
    <div class="weui-navbar store-header bg-red f-rem-36 c-ff ta-c">
        <div class="weui-flex store-header-tab">
            <a href="#tab1" class="weui-flex__item bor-clear-after weui-navbar__item weui-bar__item--on">
                新车详情
            </a>
            <a href="#tab2" class="weui-flex__item  weui-navbar__item">
                门店介绍
            </a>
        </div>
    </div>


    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <!--幻灯片-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                </div>
                <!-- If we need pagination -->
                <div class="swiper-pagination ta-r"></div>
            </div>
            <!--幻灯片 end-->
            <div class="weui-cells bt-0">
                <div class="weui-cell">
                    <div class="weui-cell__bd c-33 f-rem-32">
                        宝马 2017款 E 200L 4MATIC
                    </div>
                </div>
                <div class="weui-cell bor-clear-before">
                    <p class="weui-cell__bd c-99 f-rem-28">
                        自动挡 95号汽油 前置四驱 5座 防水 9挡手子一头 全地形
                    </p>
                </div>
                <div class="weui-cell bor-clear-before b-b-20">
                    <div class="weui-cell__hd c-red f-rem-24">
                        <span class="f-rem-42">￥100.12/</span>万
                    </div>
                    <div class="weui-cell__bd ta-r c-99 f-rem-28">
                        2017年1月5日
                    </div>
                </div>

            </div>
        </div>
        <div id="tab2" class="weui-tab__bd-item">
            <div class="weui-form-preview bor-clear-after bor-clear-before">
                <div class="weui-form-preview__hd ta-c sellCar-title bor-clear-after">
                    <h5 class="f-16">新车挂牌</h5>
                </div>
                <div class="header-img">
                 <img class="" style="width:100%;" src="images/store-banner-1@2x.png">
                </div>
            </div>
            <div class="weui-form-preview bor-clear-after bor-clear-before">
                <div class="weui-form-preview__hd ta-c sellCar-title bor-clear-after">
                    <h5 class="f-16">关于我们</h5>
                </div>
                <div class="weui-form-preview__bd f-14  weui-flex">
                    <div class="weui-flex__item about-flex-item">
                        <img class="w-w"  src="images/store-banner-2@2x.png">
                    </div>
                    <div class="weui-flex__item about-flex-item">
                        <p>
                            &nbsp;&nbsp; 第一步 先去车辆查验区对车辆进行外观查验
                            &nbsp;&nbsp;第二步 查验完毕携带查验表到业务大厅对应服务窗口进行防盗抢查询，出具查验流水单
                        </p>
                    </div>
                </div>
            </div>
            <div class="weui-form-preview bor-clear-after bor-clear-before">
                <div class="weui-form-preview__hd ta-c sellCar-title bor-clear-after">
                    <h5 class="f-16">门店地址</h5>
                </div>
                <div class="weui-form-preview__bd ta-c f-14 ">
                    <p>
                        濮阳XXXX4S店
                        <br>
                   地址：濮阳XXX街道XX号
                    </p>
                </div>
            </div>











        </div>
    </div>
</div>

<script type="text/javascript">
    $(function () {
        FastClick.attach(document.body);
    });

    $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
    });
</script>
</body>

</html>